// pages/course/course.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    currentIndex: 0,
    tabs: [{
        title: '题库练习',
        styleKey: 'question'
      },
      {
        title: '学习资料',
        styleKey: 'materials'
      }
    ],
    chapters: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    const mock = [{
        id: 1,
        title: '第一章 小程序基础',
        open: false, // 折叠状态
        children: [{
            id: 1,
            name: '1.1 开发环境搭建',
            videoCount: 3
          },
          {
            id: 2,
            name: '1.2 目录结构讲解',
            videoCount: 5
          },
          {
            id: 3,
            name: '1.3 全局配置',
            videoCount: 2
          }
        ]
      },
      {
        id: 2,
        title: '第二章 组件与模板',
        open: false,
        children: [{
            id: 1,
            name: '2.1 view/text/image',
            videoCount: 4
          },
          {
            id: 2,
            name: '2.2 条件渲染',
            videoCount: 3
          },
          {
            id: 3,
            name: '2.3 列表渲染',
            videoCount: 6
          }
        ]
      },
      {
        id: 3,
        title: '第三章 API 与云开发',
        open: false,
        children: [{
            id: 1,
            name: '3.1 网络请求',
            videoCount: 7
          },
          {
            id: 2,
            name: '3.2 云函数入门',
            videoCount: 4
          }
        ]
      }
    ];
    this.setData({
      chapters: mock
    });
  },

  switchTab(e) {
    this.setData({
      currentIndex: e.currentTarget.dataset.index
    })
  },

  toggle(e) {
    const idx = e.currentTarget.dataset.index;
    const key = `chapters[${idx}].open`;
    this.setData({
      [key]: !this.data.chapters[idx].open
    });
  },

  totest(e) {
    wx.navigateTo({
      url: '/pages/course/test/test'
    });
  },

  gotofile(e){
    wx.navigateTo({
      url: '/pages/course/FilePreview/FilePreview'
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})